{% load static %}
<div class="widewrapper masthead">
    <div class="container">
        <a href="../index" id="logo">
            <img src="{% static 'img/logo.png' %}" alt="clean Blog">
        </a>

        <div id="mobile-nav-toggle" class="pull-right">
            <a href="#" data-toggle="collapse" data-target=".clean-nav .navbar-collapse">
                <i class="fa fa-bars">123</i>
            </a>
        </div>

        <nav class="pull-right clean-nav">
            <div class="collapse navbar-collapse">
                <ul class="nav nav-pills navbar-nav">
                    <li>
                        <a href="../index">Home</a>
                    </li>
                    <li>
                        <a href="../about">About</a>
                    </li>
                    <li>
                        <a href="../contact">Contact</a>
                    </li>
                    <li>
                        <a href="../login">Login</a>
                    </li>
                </ul>
            </div>
        </nav>

    </div>
</div>

<div class="widewrapper subheader">
    <div class="container">
        <div class="clean-breadcrumb">
            <a href="#">Blog</a>
        </div>

        <div class="clean-searchbox">
            <form action="#" method="get" accept-charset="utf-8">
                <input class="searchfield" id="searchbox" type="text" placeholder="Search">
                <button class="searchbutton" type="submit">
                    <i class="fa fa-search"></i>
                </button>
            </form>
        </div>
    </div>
</div>